<template>
	<Row
		:gutter="data.gutter"
		:class="data.formStyle ? data.formStyle + ' word-from-detail' : ''"
	>
		<Form
			:ref="data.formRef"
			:size="data.size"
			:label-position="data.labelPosition"
			:label-width="`${data.labelWidth}px`"
		>
			<Item
				v-for="(item, index) in data.fields"
				:key="index"
				:item="item"
				v-bind="$props"
				:form-value="formValue"
				v-on="$listeners"
			/>
		</Form>
	</Row>
</template>
<script>
import Item from './Item';
import {Row,Form } from 'element-ui'
export default {
	components:{Item,Row,Form},
	props:{
		data:{
			type:Object,
			required:true,
		},
		relationData:{
			type:Object,
			default: () => {},
		},
		formValue:{
			type:Object,
		},
		loading:{
			type:Boolean,
			default:false,
		},
	},
};
</script>